<link rel="stylesheet" href="../css/content.css" type="text/css" />
<script type="text/javascript" src="../js/change_info.js"></script>

<script type="text/javascript">
Ext.onReady(function(){
	info.get_info();
});
</script>


<div id="wrapper">
	<div id = "info" style="padding:50px;">
		<h1 >Change Password</h1>
		<div id = ""  style="padding:20px;">
		<table width="400px" cellspacing="1" cellpadding="5" border="0" align="center" class="table-form">
			<tbody>
				<tr>
					<td class='label' width='100px'>Username</td>
					<td class='control'width='300px' id='username' >&nbsp;</td>
				</tr>
				<tr>
					<td class='label' width='100px'>Password</td>
					<td class='control'width='250px' id="password" >&nbsp;</td>
					<td class='control'width='50px'  style='text-align:center;'><input type='button' id='change_password' value='Edit'  onclick="javascript:document.location='?act=change_pass' ;" /></td>
				</tr>
				<tr>
					<td class='label' width='100px'>Email</td>
					<td class='control'id='email' width='250' >&nbsp;</td>
					<td class='control' style='text-align:center;' ><input type='button' id='change_email' value='Edit' onclick="javascript:document.location='?act=change_email' ;"/></td>
				</tr>
			</tbody>
		</table>
		</div>
	</div>
</div>
